<!-- 顶部导航 -->
<header>
    <div class="main bt">
      <nav class="nav pull-left btz">
        <a class="nav-link btz-1" href="#">中兴商城</a>
        <a class="nav-link" href="#">消费者业务</a>
        <a class="nav-link" href="#">运营商业务</a>
        <a class="nav-link" href="#">企业业务</a>
      </nav>
      <nav class="nav pull-right bty">
          <div id="loginBtn">
        <a class="nav-link" href="./login.html">登录</a>
        <a class="nav-link" href="./register.html">注册</a>
          </div>
          <div id="userDropdown">
            <a class="nav-link" href="#">欢迎</a>
        <a id="nickname" class="nav-link" href="#"></a>
        <div id="downShow">
            <a href="./login.html">退出</a>
          </div>
          </div>
          
        <a class="nav-link bty-1" href="#">手机商城
          <i></i>
          <span class="bty-show">
            <img
              src=""
            />
            "用手机扫一扫"
          </span>
        </a>
      </nav>
    </div>
  </header>
  <!-- 头部信息栏 -->
  <div class="head">
    <div class="main">
      <div class="logo">
        <a href="./index.html">
          <img
            src="https://image.ztemall.com/bb27a3154a9d096e434aae60cd793d88.png"
            alt="LOGO"
          />
        </a>
      </div>
      <div class="searchba">
        <form action="">
          <input type="text" class="x-input" />
          <a href="" class="btn btn-search">搜索</a>
        </form>
      </div>
      <div class="shopping-cart">
        <div class="minicart">
          <a href="./gwc2.html" class="bth">
            <span class="gwc">
              <span class="picer">
                <img src="./../static/img/gwc.jpg" alt="" />
                <b>0</b>
               <span class="wenzi">查看购物车</span>
              </span>
            </span>
          </a>
        </div>
      </div>
    </div>
  </div>
  <!-- 导航栏 -->
  <div class="section">
    <div class="main">
      <div class="nav-left">
        <div class="le-ft">
          <a href="#">全部商品分类</a>
        </div>
        <div class="left-bottom">
          <ul class="bottom-stair">
            <li>
              <div class="stair-a">
                <a href="#" class="a-a">
                  <span class="stair-logo">
                <img src="https://image.ztemall.com/18fbe8d57174f578c893e71f165240b0.png" alt="">        
                </span>
                  智能手机
                <span class="arrow"><img src="./../static/img/jiantou.jpg" alt="">
                </span>
                <div class="three_d">
                  <span class="three_title">
                    <img src="https://image.ztemall.com/97bb9a5a8c71b991b4d88c31f0ccc45b.jpg" alt="">
                 
                  </span>
                   <p class="three_wezi">axon系类</p>
                    <div>
                   <img src="https://image.ztemall.com/18fbe8d57174f578c893e71f165240b0.png" alt="">
                     <p>中兴 Axon30 Ultra 5G  高能三主摄</p>
                 </div>
                 <div>
                  <img src="https://image.ztemall.com/18fbe8d57174f578c893e71f165240b0.png" alt="">
                    <p>中兴 Axon30 Ultra 5G  高能三主摄</p>
                </div>
               
                <p class="three_wezi">S系类</p>
                <div>
                  <img src="https://image.ztemall.com/18fbe8d57174f578c893e71f165240b0.png" alt="">
                    <p>中兴 Axon30 Ultra 5G  高能三主摄</p>
                </div>
                <div>
                  <img src="https://image.ztemall.com/18fbe8d57174f578c893e71f165240b0.png" alt="">
                    <p>中兴 Axon30 Ultra 5G  高能三主摄</p>
                </div>
              
                
                </div>
              </a>
          </div>
              <div></div>
            </li>
            <li>
              <div class="stair-a">
                <a href="#" class="a-a">
                  <span class="stair-logo">
                        <img src="https://image.ztemall.com/0307c7d16431a97c1b0aa2c667a10d01.jpg" alt="">
                      </span>
                      智能终端
                      <span class="arrow"><img src="./../static/img/jiantou.jpg" alt=""></span>
                      <div class="three_d three_d1">
                        <div>
                          <img src="https://image.ztemall.com/0307c7d16431a97c1b0aa2c667a10d01.jpg" alt="">
                            <p>中兴 Axon30 Ultra 5G  高能三主摄</p>
                        </div>
                        <div>
                         <img src="https://image.ztemall.com/0307c7d16431a97c1b0aa2c667a10d01.jpg" alt="">
                           <p>中兴 Axon30 Ultra 5G  高能三主摄</p>
                       </div>
                       <div>
                         <img src="https://image.ztemall.com/0307c7d16431a97c1b0aa2c667a10d01.jpg" alt="">
                           <p>中兴 Axon30 Ultra 5G  高能三主摄</p>
                       </div>
                       <div>
                         <img src="https://image.ztemall.com/0307c7d16431a97c1b0aa2c667a10d01.jpg" alt="">
                           <p>中兴 Axon30 Ultra 5G  高能三主摄</p>
                       </div>
                       <div>
                         <img src="https://image.ztemall.com/0307c7d16431a97c1b0aa2c667a10d01.jpg" alt="">
                           <p>中兴 Axon30 Ultra 5G  高能三主摄</p>
                       </div>
                       
                       </div>
                    </a>
                <span class="icon iconfont icon-youjiantou"> </span>
              </div>
              <div></div>
            </li>
            <li>
              <div class="stair-a">
                <a href="#" class="a-a">
                  <span class="stair-logo"> 
                        <img src="https://image.ztemall.com/822164fd44a754f252564292d82013db.png" alt="">
                  </span>
                  影音娱乐
                  <span class="arrow"><img src="./../static/img/jiantou.jpg" alt=""></span>
                  <div class="three_d three_d2">
                    <div>
                      <img src="https://image.ztemall.com/822164fd44a754f252564292d82013db.png" alt="">
                        <p>中兴 Axon30 Ultra 5G  高能三主摄</p>
                    </div>
                    <div>
                     <img src="https://image.ztemall.com/822164fd44a754f252564292d82013db.png" alt="">
                       <p>中兴 Axon30 Ultra 5G  高能三主摄</p>
                   </div>
                   <div>
                     <img src="https://image.ztemall.com/822164fd44a754f252564292d82013db.png" alt="">
                       <p>中兴 Axon30 Ultra 5G  高能三主摄</p>
                   </div>
                   <div>
                     <img src="https://image.ztemall.com/822164fd44a754f252564292d82013db.png" alt="">
                       <p>中兴 Axon30 Ultra 5G  高能三主摄</p>
                   </div>
                   <div>
                     <img src="https://image.ztemall.com/822164fd44a754f252564292d82013db.png" alt="">
                       <p>中兴 Axon30 Ultra 5G  高能三主摄</p>
                   </div>
                   </div>
                </a>
                <span class="icon iconfont icon-youjiantou"> </span>
              </div>
              <div></div>
            </li>
            <li>
              <div class="stair-a">
                <a href="#" class="a-a">
                  <span class="stair-logo"> 
                        <img src="https://image.ztemall.com/15321ab62c73082a5d00bec49d1aacba.png" alt="">
                  </span>
                  手机充电
                  <span class="arrow"><img src="./../static/img/jiantou.jpg" alt=""></span>
                  <div class="three_d three_d3">
                    <div>
                      <img src="https://image.ztemall.com/15321ab62c73082a5d00bec49d1aacba.png" alt="">
                        <p>中兴 Axon30 Ultra 5G  高能三主摄</p>
                    </div>
                    <div>
                     <img src="https://image.ztemall.com/15321ab62c73082a5d00bec49d1aacba.png" alt="">
                       <p>中兴 Axon30 Ultra 5G  高能三主摄</p>
                   </div>
                   <div>
                     <img src="https://image.ztemall.com/15321ab62c73082a5d00bec49d1aacba.png" alt="">
                       <p>中兴 Axon30 Ultra 5G  高能三主摄</p>
                   </div>
                   <div>
                     <img src="https://image.ztemall.com/15321ab62c73082a5d00bec49d1aacba.png" alt="">
                       <p>中兴 Axon30 Ultra 5G  高能三主摄</p>
                   </div>
                   <div>
                     <img src="https://image.ztemall.com/15321ab62c73082a5d00bec49d1aacba.png" alt="">
                       <p>中兴 Axon30 Ultra 5G  高能三主摄</p>
                   </div>
                   </div>
                </a>
                <span class="icon iconfont icon-youjiantou"> </span>
              </div>
              <div></div>
            </li>
            <li>
              <div class="stair-a">
                <a href="#" class="a-a">
                  <span class="stair-logo">
                        <img src="	https://image.ztemall.com/e07caef0409294e53fd7176a86336e3d.jpg" alt=""> </span>
                        手机配件
                        <span class="arrow"><img src="./../static/img/jiantou.jpg" alt=""></span>
                        <div class="three_d three_d4">
                          <div>
                            <img src="https://image.ztemall.com/e07caef0409294e53fd7176a86336e3d.jpg" alt="">
                              <p>中兴 Axon30 Ultra 5G  高能三主摄</p>
                          </div>
                          <div>
                           <img src="https://image.ztemall.com/e07caef0409294e53fd7176a86336e3d.jpg" alt="">
                             <p>中兴 Axon30 Ultra 5G  高能三主摄</p>
                         </div>
                         <div>
                           <img src="https://image.ztemall.com/e07caef0409294e53fd7176a86336e3d.jpg" alt="">
                             <p>中兴 Axon30 Ultra 5G  高能三主摄</p>
                         </div>
                         <div>
                           <img src="https://image.ztemall.com/e07caef0409294e53fd7176a86336e3d.jpg" alt="">
                             <p>中兴 Axon30 Ultra 5G  高能三主摄</p>
                         </div>
                         <div>
                           <img src="https://image.ztemall.com/e07caef0409294e53fd7176a86336e3d.jpg" alt="">
                             <p>中兴 Axon30 Ultra 5G  高能三主摄</p>
                         </div>
                         </div>
                      </a>
                <span class="icon iconfont icon-youjiantou"> </span>
              </div>
              <div></div>
            </li>
            <li>
              <div class="stair-a">
                <a href="#" class="a-a">
                  <span class="stair-logo"> 
                        <img src="	https://image.ztemall.com/74b91902a78653c8bef074f5c7c652f9.jpg" alt="">
                  </span>
                  服务/其他
                  <span class="arrow"><img src="./../static/img/jiantou.jpg" alt=""></span>
                  <div class="three_d three_d5">
                    <div>
                      <img src="https://image.ztemall.com/74b91902a78653c8bef074f5c7c652f9.jpg" alt="">
                        <p>中兴 Axon30 Ultra 5G  高能三主摄</p>
                    </div>
                   
                   </div>
                </a>
                <span class="icon iconfont icon-youjiantou"> </span>
              </div>
              <div></div>
            </li>
          </ul>
        </div>
      </div>
      <div class="menu">
        <a href="./ax30.html" class="menu-1">Axon 30系列旗舰</a>
        <a href="./nby.html" class="menu-2">努比亚专区</a>
        <a href="./hm.html"class="menu-3">红魔专区</a>
        <a href="./witch.html"class="menu-4">智能手表</a>
        <a href="./fuwu.html"class="menu-5">线下门店</a>
        <a href="./fuwu.html"class="menu-6">线上服务站</a>
      </div>
    </div>
  </div>